<template>
  <span class="padding-right" @click="checked = !checked" size="small">
    <el-button :type="buttonType" :icon="icon" circle  />
  </span>
</template>
<script setup lang="ts">
import { ElButton } from 'element-plus'
import { Check, Minus } from '@element-plus/icons-vue'
import { ref, computed } from 'vue'
let checked = ref(false);
let buttonType = computed(() => checked.value ? "primary" : undefined)
let icon = computed(()=> checked.value ? Check : Minus)
</script>
<style scoped lang="scss">
.flex {
  display: flex;
}
.padding-right{
  padding-right: 10px;
}
</style>